import { getAllPosts } from '../lib/markdown';
import Link from 'next/link';

/**
 * 博客主页组件
 * 显示所有文章的列表，包括标题和发布日期
 */
export default async function Home() {
  // 获取所有博客文章的数据
  const posts = getAllPosts();

  return (
    <main className="container">
      <h1 className="page-title">简易博客：md转html</h1>
      <ul className="post-list">
        {/* 遍历所有文章并显示为列表项 */}
        {posts.map((post) => (
          <li key={post.slug} className="post-item">
            {/* 使用 Next.js 的 Link 组件创建文章链接 */}
            <Link href={`/posts/${post.slug}`} className="post-title">
              {post.title}
            </Link>
            <div className="post-date">{post.date}</div>
          </li>
        ))}
      </ul>
    </main>
  );
}